<template>
	<view class="head">
		<view class="img" @click="back">
			<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/zhengyulan/back-arrow.png" mode=""></image>
		</view>
		<view class="message">
			<text>固危废管理</text>
		</view>
	</view>

	<view class="body">
		<view class="container">
			<view class="content">
				<view class="left" @click="Inventorymanagement">
					<view class="images">
						<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/zhengyulan/greenhouse.png" mode=""></image>
					</view>
					<view class="kucunguanl" >
						库存管理
					</view>
				</view>
				<view class="right" @click="Statistical">
					<view class="imahyg">
						<image src="https://splendid.oss-cn-beijing.aliyuncs.com/static/zhengyulan/yongjibaobioa.png" mode=""></image>
					</view>
					<view class="tongjibaobioa" >
						统计报表
					</view>
				</view>
			</view>
			<view class="bgimg">
				
			</view>
		</view>
	</view>
</template>

<script setup>
function Inventorymanagement (){
	uni.navigateTo({
		url:"/homePageOther/Inventorymanagement/Inventorymanagement"
	})
}
function Statistical (){
	uni.navigateTo({
		url:"/homePageOther/Statistical/Statistical"
	})
}
function back (){
	uni.navigateBack({
		delta:1
	})
}
</script>

<style lang="scss" scoped>
	.head {
		width: 750rpx;
		height: 142rpx;
		background: #0874FA;
		position: relative;
		overflow: hidden;
	}

	.img {
		width: 22rpx;
		height: 38rpx;
		position: absolute;
		top: 75rpx;
		left: 40rpx;

		image {
			width: 22rpx;
			height: 38rpx;
		}
	}

	.message {
		width: 220rpx;
		height: 34rpx;
		font-family: Source Han Sans CN;
		font-weight: 500;
		font-size: 36rpx;
		color: #FFFFFF;
		line-height: 34rpx;
		position: absolute;
		top: 75rpx;
		left: 270rpx;

		text {
			display: inline-block;
			width: 220rpx;
			height: 34rpx;
			text-align: center;
			line-height: 34rpx;
		}
	}

	.body {
		width: 100%;
		height: 100%;
	}

	.container {
		width: 750rpx;
		background-color: #FFFFFF;

		.content {
			width: 690rpx;
			height: 300rpx;
			background-color: #FFFFFF;
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: 0 auto;

			.left {
				width: 318rpx;
				height: 190rpx;
				background: #FFFFFF;
				box-shadow: 0rpx 0rpx 30rpx 0rpx rgba(39, 39, 53, 0.15);
				border-radius: 21rpx;
				position: relative;

				.images {
					width: 68rpx;
					height: 68rpx;
					position: absolute;
					top: 24rpx;
					left: 125rpx;

					image {
						width: 68rpx;
						height: 68rpx;
					}
				}

				.kucunguanl {
					width: 130rpx;
					height: 31rpx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					font-size: 32rpx;
					color: #2C2C2C;
					line-height: 33rpx;
					position: absolute;
					top: 123rpx;
					left: 95rpx;
				}
			}
		}

		.right {
			width: 318rpx;
			height: 190rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 0rpx 30rpx 0rpx rgba(39, 39, 53, 0.15);
			border-radius: 21rpx;
			position: relative;

			.imahyg {
				width: 68rpx;
				height: 68rpx;
				position: absolute;
				top: 24rpx;
				left: 125rpx;

				image {
					width: 68rpx;
					height: 68rpx;
				}
			}

			.tongjibaobioa {
				width: 130rpx;
				height: 31rpx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				font-size: 32rpx;
				color: #2C2C2C;
				line-height: 33rpx;
				position: absolute;
				top: 123rpx;
				left: 95rpx;
			}
		
	}
	}
	.bgimg{
		width: 750rpx;
		height: 533rpx;
		background-image: url("https://splendid.oss-cn-beijing.aliyuncs.com/static/zhengyulan/guweifeibg.png");
		background-repeat: no-repeat;
		  background-position: center;
		  background-size: contain; 
		background-color: #FFFFFF;
	}
</style>